.title {
  background: rgb(242, 161, 121);
}
.Concerning {
  width: 100%;
  height: 100%;
  background: var(--bg-body);
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;

}

.headline {
  width: 100%;
  height: 81px;
  display: flex;
  justify-content: center;
  line-height: 77px;
  font-weight: bold;
  font-size: 22px;
}
.comment {
  width: 100%;
  height: 77px;
  display: flex;
  justify-content: center;
  line-height: 77px;
  font-size: 22px;
}


.container {
  width:50%;
  height: auto;
  background-color: var(--bg-second);
  margin-top: 20px;
  border-radius: 5px;
  padding: 20px 0;

}
.center {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.lq{
  height: 40px;
  width: 80%;
  margin: 0 auto;
  display: flex;
  line-height: 40px;
}
.lq li{
padding: 0 6px;
}
.cor{
color: deeppink;
font-weight: 900;
}
.head {
  width: 42px;
  height: 42px;
  border-radius: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 21px;
  font-weight: 500;
 
}
.heads {
  font-size: 21px;
  font-weight: 500;
  padding: 0 30px;
}

.container div {
  margin-top: 33px;
  }

  .fieldss{
    width: 50%;
    height: auto!important;

    display: flex;
  margin-bottom: 30px;

  }

  .fields{
    width: 100%!important;
    height: 100%!important;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-second)
  }
  .Text{
    // padding: 10px 0;
    width: 100%;
    height: 234px;
    margin: 0 auto;
    display: flex;
  }

.Texts {
width: 90%;
height: 180px;
border: 1px solid #ccc;
display: block;
margin: 20px auto;
color:#ccc;

background-color: var(--bg-second)
}
.zhong{
  width: 90%;
  height: 66px;
  display: flex;
 margin: 0 auto;
//  margin-top: 30px;
 justify-content: center;

}
.items{
  flex: 1;
  height: 100%;
position: relative;
}
.itemss{
  flex: 1;
  height: 100%;
position: relative;
line-height: 50%;
}
.sec{
  width: 97%;
  height: 40px;
position: absolute;
left: 0;
top: 11;
background-color: var(--bg-second)
}

.secc{
  width: 97%;
  height: 40px;
  position: absolute;
  right: 0;
  top: 11;
  background-color: var(--bg-second)
}

.sa{
  width: 90%;
  height: 60px;
  margin: 0 auto;
  display: flex;
justify-self: start;
position: relative;
}
.fiex{
  position: absolute;
  right: 0;
  
}

.fiex Button{
border: 1px solid #cccccc;
background-color: var(--bg-second);
}

.deyu{
  width: 83%;
height: 30px;
line-height: 30px;
 margin: 0 auto;
 display: flex;
}
.deyu li{
 color: #ccc;
 margin-left: 20px;
}
.box{
  width: 82%;
  margin: 0 auto;
  font-size: 15px;
}
.active:hover{
  color: deeppink;
}

.tuijian{
  width: 100%;
  height:77px;
  line-height: 77px;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
}

.liuyan{
  background-color: var(--bg-second);
  width: 50%;
  height: 234px;
  display: flex;
  margin: 20px auto;
}
.left{
  flex: 1;

}
.right{
  flex: 1;
display: flex;
flex-direction: column;
}
.right li{
  display: flex;

  width: 80%;
  font-size: 17px;
  font-weight: 900;
  margin: 20px auto;
}
.right ol{
  display: flex;
  justify-content: center;
  width: 80%;
  color: #666;
  margin-top: 30px;
  margin: 30px auto;
}
.right p{

  width: 80%;
  height: 40px;
  margin: 3px auto;
  display: flex;
  line-height: 40px;
}
.right p span{
  margin-left: 5px;
}
.liuyan div:nth-child(1) img{
  width: 100%;
  height:100%;
}

.liuyan:hover li{
  color: deeppink;
}

.Pagination{
  margin-top: 10px;
  width: 50%;
 height: 60px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items:center ;
  background-color: var(--bg-second)
}


.ale{
  width: 100%;
  height: 273px;
  display: flex;
  flex-direction: column;

  background-color: var(--bg-second)
}
.ale div:first-child{
  width: 90%;
  height: 123px;
  margin: 0 auto;
  display: flex;
justify-content: center;
}

.ale div:first-child textarea{
  border: 1px solid #ccc;
}
.area{
  width: 90%;
  height: 123px;
  background-color: var(--bg-second)
}
.ale div:nth-child(2){
  width: 81%;
  height: 55px;
  margin: 0 auto;
  display: flex;
  position: relative;
justify-content: start;
background-color: var(--bg-second)

}

.ale div:nth-child(2) input{
  border: 1px solid #ccc;
  background-color: var(--bg-second)
}

.ale div:nth-child(2) input:first-child{
  width:48%;
  height: 40px;

position: absolute;
top: 17px;
left: 0;
}

.ale div:nth-child(2) input:last-child{
  width: 48%;
  height: 40px;
  position: absolute;
 right: 0;
 top: 17px;
}


.bott{
  width: 81%;
  height: 50px;
  margin: 0 auto;
 
  display: flex;
  justify-content: flex-end ;
 
}

.bott button{
  width: 55px;
  height:30px;
border: 1px solid #ccc;
background-color: var(--bg-second);
margin-left: 10px;
}

.wx{
  width: 18px;
  height: 18x;
margin: 0 4px;
}
.wx img{
  width:18px;
  height: 18px;
}
